<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<link href="${base}/admin_static/css/font-awesome.min93e3.css?v=4.4.0"
	rel="stylesheet">
<link href="${base}/admin_static/css/animate.min.css" rel="stylesheet">
<link href="${base}/admin_static/css/style.min862f.css?v=4.1.0"
	rel="stylesheet">
<link rel="stylesheet" href="${base}/static/media/css/bootstrap.css" />
<script src="${base}/static/index/vendor/jquery/jquery.min.js"></script>
<script src="${base}/static/index/vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="${base }/static/vendor/bootstrapPager/bootstrapPager.js"></script>
<script
	src="${base}/admin_static/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script
	src="${base}/admin_static/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="${base}/admin_static/js/plugins/layer/layer.min.js"></script>
<script src="${base}/admin_static/js/hplus.min.js?v=4.1.0"></script>
<script type="text/javascript"
	src="${base}/admin_static/js/contabs.min.js"></script>
<script src="${base}/admin_static/js/plugins/pace/pace.min.js"></script>
<style>
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

.homepage-body {
	background: #fff;
	padding: 5px;
	clear: both;
	margin: 5px;
	height: 600px;
	min-height: 600px;
}

.note-danger {
	background-color: #FAEAE6;
	border-color: #ed4e2a;
	margin: 0 0 10px 0;
	padding: 10px;
	border-left: 5px solid #eee;
	border-left-color: #ED4E2A;
	font-size: 15px;
	height: 50px;
	line-height: 35px;
}

.overview>li {
	float: left;
	width: 21%;
	margin-bottom: 25px;
	height: 118px;
	margin-left: 2%;
	margin-right: 2%;
	list-style: none;
	position: relative;
}

.visual {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.details {
	position: absolute;
	right: 15px;
	padding-right: 10px;
}

.number {
	padding-top: 15px;
	text-align: right;
	font-size: 28px;
	line-height: 34px;
	letter-spacing: -1px;
	margin-bottom: 5px;
	font-weight: 300;
	color: #fff;
	box-sizing: border-box;
}

.desc {
	text-align: right;
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 300;
	color: #fff;
}
</style>
</head>
<body style="font-size: 12px;">
	<div class="homepage-body">
		<div class="note-danger">欢迎登录中翰云充值卡管理平台</div>
		<ul class="overview">
			<li style="background-color: #27a9e3;">
				<div class="visual">
					<i class="fa fa-shopping-cart"
						style="font-size: 46px; line-height: 65px; color: #fff;"></i>
				</div>
				<div class="details">
					<div class="number">${OrderNum}</div>
					<div class="desc">今日订单量</div>
				</div>
			</li>
			<li style="background-color: #28b779;">
				<div class="visual">
					<i class="fa fa-bar-chart-o"
						style="font-size: 46px; line-height: 65px; color: #fff;"></i>
				</div>
				<div class="details">
					<div class="number">${CardNum}</div>
					<div class="desc">充值卡消费量</div>
				</div>
			</li>
			<li style="background-color: #ffb848;">
				<div class="visual">
					<i class="fa fa-bar-chart-o"
						style="font-size: 46px; line-height: 65px; color: #fff;"></i>
				</div>
				<div class="details">
					<div class="number">${RevokeOrderNum }</div>
					<div class="desc">今日订单撤销量</div>
				</div>
			</li>
			<li style="background-color: #852b99;">
				<div class="visual">
					<i class="fa fa-rmb"
						style="font-size: 46px; line-height: 65px; color: #fff;"></i>
				</div>
				<div class="details">
					<div class="number">${price }</div>
					<div class="desc">今日销售总金额</div>
				</div>
			</li>
		</ul>
	</div>

</body>
</html>